﻿<div class="tabs-users">
    <ul>
        <li><a data-ng-class="{active : activeViewPath==='/testesgratings' || isActive('/testesgratings') }" href="#/testesgratings">Test ESG Ratings</a></li>
    </ul>
</div><br />


<form name="testESGRatingsForm" style="display: table; width: 99%;" novalidate>


    <div class="table-row-inp">
        <div class="inp-label">Information to include in the file:</div>
    </div>

    <div class="table-row-inp">
        <div class="inp-label">Get All Companies</div>
        <div class="inp-holder">
            <input type="checkbox" ng-model="testESGratings.UI.AllCompanies" ng-init="testESGratings.UI.AllCompanies=true" />
        </div>
    </div>


    <div class="table-row-inp">
        <div class="inp-label">Company</div>
        <div class="inp-holder">
            
            <select required multiple class="select-box" style="width: 96%;" ng-model="testESGratings.UI.SelectedCompaniesIds"
                                         ng-required="testESGratings.UI.AllCompanies == false">
                <option ng-repeat="e in testESGratings.UI.listCompanies" value="{{e.id}}">{{e.name}}</option>
            </select>

        </div>
    </div>


    <div class="table-row-inp">
        <div class="inp-label">Peer Group</div>
        <div class="inp-holder">

            <select multiple class="select-box" style="width: 96%;"
                    ng-model="testESGratings.UI.SelectedPeerGroupsIds"
                    ng-disabled="testESGratings.UI.SelectedIndustryGroupsIds && testESGratings.UI.SelectedIndustryGroupsIds.length > 0"
                    ng-required=" testesgratings.UI.selectedcomparativegroup ==0 && (testESGratings.UI.AllCompanies == false)">
                <option ng-repeat="e in testESGratings.UI.listPeerGroups" value="{{e.id}}">{{e.name}}</option>
            </select>

        </div>
    </div>


    <div class="table-row-inp">
        <div class="inp-label">Industry Group</div>
        <div class="inp-holder">

            <select required multiple class="select-box" style="width: 96%;"
                    ng-model="testESGratings.UI.SelectedIndustryGroupsIds"
                    ng-disabled="testESGratings.UI.SelectedPeerGroupsIds && testESGratings.UI.SelectedPeerGroupsIds.length > 0"
                    ng-required=" testesgratings.UI.selectedcomparativegroup ==1 && (testESGratings.UI.AllCompanies == false)">
                <option ng-repeat="e in testESGratings.UI.listIndustryGroups" value="{{e.id}}">{{e.name}}</option>
            </select>

        </div>
    </div>

    <div class="table-row-inp">
        <div class="inp-label">Weight matrix</div>
        <div class="inp-holder">
           
            <select required  class="select-box" style="width: 96%;" ng-model="testESGratings.UI.SelectedMatrix">
                <option ng-repeat="e in testESGratings.UI.listWeightMatrixes" value="{{e.id}}">{{e.name}}</option>
            </select>

        </div>
    </div>

    <hr />
    <div class="table-row-inp">
        <div class="inp-label">Parameters to use for calculations:</div>
    </div>


    <div class="table-row-inp">
        <div class="inp-label">Reference Universe</div>
        <div class="inp-holder">
            <select required class="select-box" style="width: 96%;" ng-model="testESGratings.UI.SelectedReferenceUniverseId">
                <option ng-repeat="e in testESGratings.UI.listReferenceUniverses" value="{{e.id}}">{{e.name}}</option>
            </select>
        </div>
    </div>

    <div class="table-row-inp">
        <div class="inp-label">Comparative group</div>
        <div class="inp-holder">
            <select required  class="select-box" style="width: 96%;" ng-model="testESGratings.UI.SelectedComparativeGroup">
                <!--<option ng-repeat="e in testESGratings.UI.ListComparativeGroupOptions" value="{{e.id}}" ng-class="{selected: e.name == 'Peer Group' }">{{e.name}}</option>-->
                <option value="0">Peer group</option>
                <option value="1">Industry</option>
            </select>
        </div>
    </div>

    <div class="table-row-inp">
        <div class="inp-label">Template type</div>
        <div class="inp-holder">
            <select required  class="select-box" style="width: 96%;" ng-model="testESGratings.UI.SelectedTemplateType">
                <!--<option ng-repeat="e in testESGratings.UI.ListTemplateType" value="{{e.id}}">{{e.name}}</option>-->

                <option value="0">Type A</option>
                <option value="1">Type B</option>
                <option value="2">All</option>

            </select>
        </div>
    </div>

    <div class="table-row-inp">
        <div class="inp-label">Company type</div>
        <div class="inp-holder">
            <select required  class="select-box" style="width: 96%;" ng-model="testESGratings.UI.SelectedCompanyType">
                <!--<option ng-repeat="e in testESGratings.UI.ListCompanyType" value="{{e.id}}">{{e.name}}</option>                <!--<option ng-repeat="e in testESGratings.UI.ListCompanyType" value="{{e.id}}">{{e.name}}</option>-->
                <option value="0">Public</option>
                <option value="1">Private</option>
                <option value="2">All</option>
            </select>
        </div>
    </div>



    <button class="btn-green" style="width: 151px;" ng-click="testESGratings.requestDownload()">Download</button>
</form>





<div class="footer-wrap">
    <div class="footer">
        <ul class="footer-nav">
            <li><a href="">Policies</a></li>
            <li><a href="">Sitemap</a></li>
            <li><a href="">Item 3</a></li>
            <li><a href="">Item 4</a></li>
            <li><a href="">Team Sustainalytics</a></li>
        </ul>
        <div class="copyright">
            ©Sustainalytics. All Rights Reserved
        </div>
        <div class="clear">&nbsp;</div>
    </div>
</div>